<template>
  <MainNav/>
  <router-view/>
</template>

<script>

export default {
  name: 'App',
  components: {
  }
}
</script>

<style>
/* 应用到html页面的样式 */
html {
    overflow: auto;
    }
body{
    background-color: black;
    font-family: '楷体';
    margin: 0;
}
body::-webkit-scrollbar {
    display: none;  /* Chrome, Safari, Opera, edge */
}
#app {
    display: flex; /* 使用 Flexbox 布局 */
    flex-direction: column; /* 垂直排列 */
    font-family: 'KaiTi', '楷体','Microsoft YaHei', sans-serif; /* 设置字体 */
    margin: 0; /* 外边距 */
    background-size: cover; /* 背景图片大小 */
    height: 100vh; /* 高度 */
    width: 100vw; /* 宽度 */
    scroll-behavior: smooth; /* 平滑滚动 */;
}
a {
    text-decoration: none; /* 去掉链接下划线 */
    color: whitesmoke; /* 继承父元素颜色 */
}
h1{
    font-size: 25px;
    color: darkred;
}
</style>
